<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">
<div layout:fragment="content">
    <link href="/m/css/center/pay.css" rel="stylesheet"/>
    <div class="page-group">
        <div class="page page_pay">
            <div th:replace="layout/m_layout::title('订单支付')"></div>
            <div class="page-content">
                <div class="head">
                    <div id="qrcode"></div>
                    <h3 class="money">¥ [[${paymenOrders.payAmount}]]</h3>
                    <p class="title" th:text="${paymenOrders.itemName}">
                    </p>
                </div>
                <div class="">
                    <div style="padding: .5rem .5rem; margin-top:2rem;">
                        <button class="btn btn-success btn-block submit">
                            支付完成
                        </button>
                    </div>
                    <div style="padding: .5rem .5rem;">
                        <button class="btn btn-invalid btn-block" onclick="window.history.go(-1)" type="submit">
                            取消支付
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/m/js/jquery.qrcode.min.js" type="text/javascript"></script>
    <script>
        $(function () {
            $('#qrcode').qrcode("[[${code_url}]]");
        });
        $(".btn-success").click(function () {
            window.location = '/';
        });
    </script>
    <div th:replace="layout/m_layout::systemJs"></div>
</div>
</html>

